工地上，脚手架是帮助工人作业搭建的架子。 vue-cli 可以帮助我们写好 vuejs 代码的工具
vue-cli 介绍
工地上，脚手架是帮助工人作业搭建的架子。 vue-cli 可以帮助我们写好 vuejs 代码的工具，vue-cli 可以做什么：
1、目录结构
2、本地调试
3、代码部署
4、热更新
5、单元测试 （ESlint）
vue-cli 的脚手架项目模板有browserify 和 webpack , 现在自己在用的是webpack , 官网给出了两个模板： webpack-simple 和 webpack 两种。两种的区别在于webpack-simple 没有包括Eslint 检查功能等等功能，普通项目基本用webpack-simple 就足够了.
搭建官方项目模板步骤：
- $ npm install -g vue-cli
- $ vue init
（例如：$ vue init webpack my-project） - 我们还需要把项目的依赖下载下来。使用命令: cd youdemoname 然后执行
npm install就可以了，这个时候你的项目中有多了一个node_modules 目录 - 使用”
npm run dev“ 命令来运行项目 “npm-run-bulid“ 来执行发布，会自动生成dist文件 - 默认情况下，浏览器打开 http://localhost:8080，就可以看到脚手架项目初始化的效果了。
本作品采用 知识共享署名 2.5 中国大陆许可协议 进行许可，欢迎转载，但转载请注明来自JayMo，并保持转载后文章内容的完整。本人保留所有版权相关权利。
本文永久链接：http://jaymo666.github.io/2017/09/20/vue-cli 脚手架总结/